<template>
  <!-- 客户管理-收入分析 -->
  <div class="IncomeAnalysis">
    <div class="IncomeAnalysis_top">
      <div class="IncomeAnalysis_top_1">
        <div class="IncomeAnalysis_top_1_l">
          <div class="IncomeAnalysis_top_1_t">今年</div>
          <div class="IncomeAnalysis_top_1_b">
            {{ clientInformation1.year }}
          </div>
          <div class="tonbi">
            <span>同比</span>
            {{ clientInformation1.contrast }}
          </div>
        </div>
        <div class="IncomeAnalysis_top_1_r">
          <div class="IncomeAnalysis_top_1_t">总收入</div>
          <div class="IncomeAnalysis_top_1_b">
            {{ clientInformation1.total }}
          </div>
        </div>
      </div>
    </div>

    <div class="IncomeAnalysis_bottom">
      <div class="sour">收入统计</div>
      <van-cell-group>
        <van-cell
          :title="e.year + '年'"
          :value="e.income"
          v-for="(e, i) in clientInformation1.list"
          :key="i"
        />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["clientInformation1"],
};
</script>
 
<style lang = "less" scoped>
.IncomeAnalysis {
  .IncomeAnalysis_top {
    width: 3.45rem;
    height: 1.28rem;
    background-color: #fff;
    margin: 0 auto;
    .IncomeAnalysis_top_1 {
      width: 3.1rem;
      height: 100%;
      box-sizing: border-box;
      margin: 0 auto;
      padding-top: 0.15rem;
      display: flex;
      justify-content: space-between;
      border-bottom: 0.01rem dotted #e5e5e5;
      .IncomeAnalysis_top_1_t {
        color: #d3d3d3;
        font-size: 0.14rem;
        padding-bottom: 0.1rem;
      }
      .tonbi {
        width: 1rem;
        height: 0.28rem;
        background-color: #f4f6f7;
        margin-top: 0.1rem;
        border-radius: 0.05rem;
        color: #039;
        font-size: 0.14rem;
        span {
          color: #898a8a;
          line-height: 0.28rem;

          padding-left: 10px;
        }
      }
      .IncomeAnalysis_top_1_l,
      .IncomeAnalysis_top_1_r {
        width: 1.5rem;
      }
      .IncomeAnalysis_top_1_b {
        color: #fc3;
        font-size: 0.18rem;
      }
      .IncomeAnalysis_top_1_r {
        height: 0.43rem;
        border-left: 1px dotted #e5e5e5;
        padding-left: 0.25rem;
      }
    }
  }
  .IncomeAnalysis_bottom {
    background-color: #fff;
    width: 3.45rem;
    margin: 0 auto;
    .sour {
      height: 0.65rem;
      font-size: 20px;
      line-height: 0.65rem;
      padding-left: 0.12rem;
    }
    .van-cell__title {
      color: #aaa;
    }
    .van-cell__value {
      color: #ffcc33;
    }
  }
}
</style>